<!doctype html>
<html class="no-js" lang="zxx">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Blog</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">

    <!-- All css files are included here -->
    <!-- Bootstrap fremwork main css -->
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <!-- This core.css file contents all plugings css file. -->
    <link rel="stylesheet" href="../css/core.css">
    <!-- Theme shortcodes/elements style -->
    <link rel="stylesheet" href="../css/shortcode/shortcodes.css">
    <!-- Theme main style -->
    <link rel="stylesheet" href="../style.css">
    <!-- Responsive css -->
    <link rel="stylesheet" href="../css/responsive.css">
    <!-- User style -->
    <link rel="stylesheet" href="../css/custom.css">
    <link href="我的音乐/用.html"rel="stylesheet" type="text/css">
    <style type="text/css">
    @import url("style.css");
    @import url("css/bootstrap.min.css");
    @import url("css/core.css");
    @import url("css/material-design-iconic-font.min.css");
    @import url("css/custom.css");
    @import url("css/responsive.css");
    @import url("css/shortcode/default.css");
    @import url("css/shortcode/footer.css");
    @import url("css/shortcode/header.css");
    @import url("css/shortcode/slider.css");    
    </style>
    <!-- Modernizr JS -->
    <script src="../js/vendor/modernizr-2.8.3.min.js"></script>
    
    
 <script language="javascript">
function getdates()
{
var w_array=new Array("星期天","星期一","星期二","星期三","星期四","星期五","星期六");
var d=new Date();
var year=d.getFullYear();
var month=d.getMonth()+1;
var day=d.getDate();
var week=d.getDay();
var h=d.getHours();
var mins=d.getMinutes();
var s=d.getSeconds();

if(month<10) month="0" + month
if(day<10) month="0" + day
if(h<10) h="0" + h
if(mins<10) mins="0" + mins
if(s<10) s="0" + s

var shows=" <span>" + year + "-" + month + "-" + day + " " + h + ":" + mins + ":" + s + " " + w_array[week] + "</span>";
document.getElementById("date").innerHTML=shows;
setTimeout("getdates()",1000);
}
getdates();
</script> 
    
   
		
</head>

<body>
    <!--[if lt IE 8]>
        <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
    <![endif]-->

    <!-- Body main wrapper start -->
    <div class="wrapper">

        <!-- Start of header area -->
        <header>
            <div class="header-top-bar white-bg ptb-20">
                <div class="container">
                    <div class="row">
                        <div class=" text-center" style="margin-right:750px ">
                            <div id='date'><script>getdates();</script></div>
                            <div>&nbsp;</div>
                            </div>
                        <div class="col-sm-4">
                            <div class="header-logo text-center">
                            
                            </div>
                        </div>
                         
                         
                          <div class="input-group" style="width: 300px">
            
              <a href="#"><img src="sousuo.jpg" width="30px" height="30px"></a>
            
            <input type="text" class="form-control input-sm no-border rounded" placeholder="Search songs, albums...">
          </div>
                       
                        
                        <div class="col-sm-4" style="margin-left: 600px">
                            <div class="header-top header-top-right">
                                <ul>
                                    <li class="lh-50">
                                        <a href="#" class="pr-20 text-uppercase">账户</a>
                                        <div class="header-top-down header-top-hover pl-15 lh-35">
                                            <ul>
                                                <li><a href="#">fine</a></li>
                                                <li><a href="music/index.html">我的音乐</a></li>

                                              
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="lh-50 text-right"><a href="index.html" class="prl-20 text-uppercase">退出登录</a>
                                    </li>
                                    
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="sticky-header" class="header-area header-wrapper transparent-header">
              <div class="header-middle-area black-bg">
                <div class="container">
                  <div class="full-width-mega-dropdown">
                    <div class="row">
                      <div class="col-md-12">
                        <nav id="primary-menu">
                          <ul class="main-menu text-center">
                          <li>
                            <div id="sticky-header2" class="header-area header-wrapper transparent-header">
                              <div class="header-middle-area black-bg">
                                <div class="container">
                                  <div class="full-width-mega-dropdown">
                                    <div class="row">
                                      <div class="col-md-12">
                                        <nav id="primary-menu2">
                                          <ul class="main-menu text-center">
                                            <li><a href="main.html"><font color="#FCFCFC">主页</font></a> </li>
                                            <li><a href="about/about.html">About</a></li>
                                          
                                            <li><a href="music/index.html">我的账户</a></li>
                                            <li><a href="about/tel.html">联系我们</a></li>
                                          </ul>
                                        </nav>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                         </li>
                          </ul>
                        </nav>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- Mobile Menu Start -->
            <div class="mobile-menu-area">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12">
                            <div class="mobile-menu">
                                <nav id="dropdown">
                                    <ul>
                                        <li><a href="main.html">主页</a></li>
                                        <li><a href="about/about.html">关于</a></li>
                                       
                                        
                                        <li><a href="music/index.html">我的账户</a></li>
                                        
                                        <li><a href="about/tel.html">联系我们</a></li>
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        
        <section id="page-content" class="page-wrapper">
            <!-- Start Blog Page Area -->
            <div class="blog-page-area section-padding">
                <div class="container">
                    <div class="row">
                        <div class="blog-list mb-30 clearfix">
                            <div class="col-md-4 col-sm-6">
                              <div class="single-blog">
                                    <div class="blog-image">
                                    <a href="#"><img src="img/7D354A2F0C5F15CBFF6BF64D7EFA1F1E.jpg" width="370" height="300" alt=""/>
                                    </a>
                                    </div>
                                    <div class="blog-content pb-20 text-center">
                                      <h5>动漫歌曲</h5>
                                       
                                  </div>
                                   
                                   <div class="blog-content blog-content-overlay pb-20 text-center">
                                        <div class="date-added mb-20 pt-20"><i class="zmdi zmdi-time mr-10"></i>简介 </div>
                                        <h5><a class="blog-title text-capitalize" href="#"></a></h5>
                                        <p>我真想活在动画世界里，看到这世界所有的善意和美好，相信梦想和远方，也善待身边所有的事物，永远微笑，勇敢，就算遇到黑暗的时刻，也总会因心里住着坚定的信念和善念，化险为夷，重新遇到美好。我总是告诉自己，一切都会好的，一切都会过去的，我仍要努力，学着善良。</p>
                                        <div class="post-info-author mt-30">
                                            <span class="author mr-20">
                                                <i ></i>
                                                
                                                <a href="#" title="Posts by admin">  </a>
                                            </span>
                                            <span class="comments-count mr-20">
                                                <i class="zmdi zmdi-favorite"></i>
                                                
                                            </span>
                                            <span class="comments-count">
                                                <i class="zmdi zmdi-comments"></i>
                                                
                                            </span>
                                          </div>
                                      <a href="#" class="button extra-small mt-60 text-uppercase">
                                              <span>更多</span>
                                      </a>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="col-md-4 col-sm-6">
                                <div class="single-blog">
                                    <div class="blog-image">
                                        <a href="#"></a>
                                    <img src="img/89F443C86EA2765816BDFCD57761FB6B.jpg" width="370" height="300" alt=""/></div>
                                  <div class="blog-content pb-20 text-center">
                                    <h5>爵士</h5>
                                        
                                  </div>
                                    <div class="blog-content blog-content-overlay pb-20 text-center">
                                        <div class="date-added mb-20 pt-20"><i class="zmdi zmdi-time mr-10"></i>简介 </div>
                                        <h5><a class="blog-title text-capitalize" href="#"></a></h5>
                                        <p>邂逅一首好歌，很想把它分享出去，又怕别人get不到你的点，于是又想自己藏着；好听到想一直单曲循环下去，又怕一次性听太多最后厌烦。<br><br><br></p>
                                        <div class="post-info-author mt-30">
                                            <span class="author mr-20">
                                                <i ></i>
                                                
                                                <a href="#" title="Posts by admin">  </a>
                                            </span>
                                            <span class="comments-count mr-20">
                                                <i class="zmdi zmdi-favorite"></i>
                                                
                                            </span>
                                            <span class="comments-count">
                                                <i class="zmdi zmdi-comments"></i>
                                                
                                            </span>
                                          </div>
                                      <a href="#" class="button extra-small mt-60 text-uppercase">
                                              <span>更多</span>
                                      </a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 hidden-sm">
                                <div class="single-blog rm-0">
                                    <div class="blog-image">
                                        <a href="#"></a>
                                    <img src="img/timgJRCVETRV.jpg" width="370" height="300" alt=""/></div>
                                  <div class="blog-content pb-20 text-center">
                                     
                                   	<h5>经典老歌                                    </h5>
                                  </div>
                                    <div class="blog-content blog-content-overlay pb-20 text-center">
                                      <div class="date-added mb-20 pt-20"><i class="zmdi zmdi-time mr-10"></i>简介</div>
                                        <h5><a class="blog-title text-capitalize" href="#"></a></h5>
                                        <p>小时候一直觉得很土很老的歌，长大了， 越听越有味道，就像一壶酒，初尝只感觉辛辣呛人，后来直觉醇香，越品越香                                        <br>
                                        <br>
                                        <br>
                                      </p>
                                        <div class="post-info-author mt-30">
                                            <span class="author mr-20">
                                                <i ></i>
                                                
                                                <a href="#" title="Posts by admin">  </a>
                                            </span>
                                            <span class="comments-count mr-20">
                                                <i class="zmdi zmdi-favorite"></i>
                                                
                                            </span>
                                            <span class="comments-count">
                                                <i class="zmdi zmdi-comments"></i>
                                                
                                            </span>
                                        </div>
                                        <a href="#" class="button extra-small mt-60 text-uppercase">
                                            <span>更多</span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="blog-list mb-30 clearfix">
                            <div class="col-md-4 col-sm-6">
                                <div class="single-blog">
                                    <div class="blog-image">
                                        <a href="#"></a>
                                    <img src="img/0611A39122EE7E8E26E3A24542308C52.jpg" width="370" height="300" alt=""/></div>
                                  <div class="blog-content pb-20 text-center">
                                     
                                          <h5>英语歌曲</h5>
                                          
                                    </div>
                                    <div class="blog-content blog-content-overlay pb-20 text-center">
                                        <div class="date-added mb-20 pt-20">简介</div>
                                        <h5><a class="blog-title text-capitalize" href="#"></a></h5>
                                        <p>本单收录的一些节奏较舒缓发音清晰，旋律好听的歌曲， 非常适合拿来磨耳朵练听力呢可以让我们在轻松愉快的氛围里沉迷学习，无法自拔。<br><br><br></p>
                                        <div class="post-info-author mt-30">
                                            <span class="author mr-20">
                                                <i ></i>
                                                
                                                <a href="#" title="Posts by admin">  </a>
                                            </span>
                                            <span class="comments-count mr-20">
                                                <i ></i>
                                               
                                            </span>
                                            <span class="comments-count">
                                                <i></i>
                                                
                                            </span>
                                        </div>
                                        <a href="#" class="button extra-small mt-60 text-uppercase">
                                            <span>更多</span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-sm-6">
                                <div class="single-blog">
                                    <div class="blog-image">
                                        <a href="#"></a>
                                    <img src="img/(YQ(HC15C@BAWTAPCKU752Y.jpg" width="370" height="300" alt=""/></div>
                                    <div class="blog-content pb-20 text-center">
                                      <h5>法语歌曲</h5>
                                      
                                  </div>
                                    <div class="blog-content blog-content-overlay pb-20 text-center">
                                        <div class="date-added mb-20 pt-20"><i class="zmdi zmdi-time mr-10"></i>简介 </div>
                                        <h5><a class="blog-title text-capitalize" href="#"></a></h5>
                                        <p>深秋时踩着街道上的梧桐叶,听着耳机里这些歌，真是人生的一大享受。<br><br><br><br></p>
                                        <div class="post-info-author mt-30">
                                            <span class="author mr-20">
                                                <i ></i>
                                               
                                                <a href="#" title="Posts by admin">  </a>
                                            </span>
                                            <span class="comments-count mr-20">
                                                <i class="zmdi zmdi-favorite"></i>
                                             
                                            </span>
                                            <span class="comments-count">
                                                <i class="zmdi zmdi-comments"></i>
                                               
                                            </span>
                                        </div>
                                        <a href="#" class="button extra-small mt-60 text-uppercase">
                                            <span>更多</span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 hidden-sm">
                                <div class="single-blog rm-0">
                                    <div class="blog-image">
                                        <a href="#"></a>
                                    <img src="img/timg1.jpg" width="370" height="300" alt=""/></div>
                                    <div class="blog-content pb-20 text-center">
                                       
                                        <h5>轻音乐</h5>
                                        
                                    </div>
                                    <div class="blog-content blog-content-overlay pb-20 text-center">
                                        <div class="date-added mb-20 pt-20"><i class="zmdi zmdi-time mr-10"></i>简介</div>
                                        <h5><a class="blog-title text-capitalize" href="#"></a></h5>
                                        <p>台风的天气，夜色早早弥漫开来，压着一座城，让睡醒的人如此难过，只想躲进喜欢的歌里。<br><br><br><br></p>
                                        <div class="post-info-author mt-30">
                                            <span class="author mr-20">
                                                <i ></i>
                                                
                                                <a href="#" title="Posts by admin">  </a>
                                            </span>
                                            <span class="comments-count mr-20">
                                                <i class="zmdi zmdi-favorite"></i>
                                                
                                            </span>
                                            <span class="comments-count">
                                                <i ></i>
                                             
                                            </span>
                                        </div>
                                        <a href="#" class="button extra-small mt-60 text-uppercase">
                                            <span>更多</span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="blog-list">
                            <div class="col-md-4 col-sm-6">
                                <div class="single-blog">
                                    <div class="blog-image">
                                        <a href="#"></a>
                                    <img src="img/BC405BDCA3BEC2BB2FBA6F5DA28949D0.png" width="370" height="300" alt=""/></div>
                                    <div class="blog-content pb-20 text-center">
                                       
                                        <h5>韩语歌曲</h5>
                                       
                                    </div>
                                    <div class="blog-content blog-content-overlay pb-20 text-center">
                                        <div class="date-added mb-20 pt-20"><i class="zmdi zmdi-time mr-10"></i>简介</div>
                                        <h5><a class="blog-title text-capitalize" href="#"></a></h5>
                                        <p>爱情是一百年的孤独，知道遇上那个矢志不渝的守护你的人，那一刻，所有苦涩的孤独，都有了归途。<br><br><br><br></p>
                                        <div class="post-info-author mt-30">
                                            <span class="author mr-20">
                                                <i></i>
                                               
                                                <a href="#" title="Posts by admin">  </a>
                                            </span>
                                            <span class="comments-count mr-20">
                                                <i class="zmdi zmdi-favorite"></i>
                                              
                                            </span>
                                            <span class="comments-count">
                                                <i class="zmdi zmdi-comments"></i>
                                                
                                            </span>
                                        </div>
                                        <a href="#" class="button extra-small mt-60 text-uppercase">
                                            <span>更多</span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-sm-6">
                                <div class="single-blog">
                                    <div class="blog-image">
                                        <a href="#"></a>
                                    <img src="img/650BD3DD5F3DD6F17B843A875F77EDE6.jpg" width="370" height="300" alt=""/></div>
                                    <div class="blog-content pb-20 text-center">
                                      
                                        <h5>摇滚歌曲</h5>
                                        
                                    </div>
                                    <div class="blog-content blog-content-overlay pb-20 text-center">
                                        <div class="date-added mb-20 pt-20"><i class="zmdi zmdi-time mr-10"></i>简介 </div>
                                        <h5><a class="blog-title text-capitalize" href="#"></a></h5>
                                        <p>I love Rock--摇滚不只是另类,摇滚也不只是流行，摇滚不是长发、皮衣、吉他加架子鼓，摇滚更不只是一个大喊大叫的沙嗓子!摇滚不仅是一种音乐形态，实际上它是一种'人生态度和哲学
                                        <br>
                                        <br>
                                        


</p>
                                        <div class="post-info-author mt-30">
                                            <span class="author mr-20">
                                                <i ></i>
                                               
                                                <a href="#" title="Posts by admin"> </a>
                                            </span>
                                            <span class="comments-count mr-20">
                                                <i class="zmdi zmdi-favorite"></i>
                                                
                                            </span>
                                            <span class="comments-count">
                                                <i class="zmdi zmdi-comments"></i>
                                                
                                            </span>
                                        </div>
                                        <a href="#" class="button extra-small mt-60 text-uppercase">
                                            <span>更多</span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 hidden-sm">
                                <div class="single-blog rm-0">
                                    <div class="blog-image">
                                        <a href="#"></a>
                                    <img src="img/2C9B2454E6B116C364F3FE20E20FCE4D.jpg" width="370" height="300" alt=""/></div>
                                    <div class="blog-content pb-20 text-center">
                                      <h5>宗教歌曲</h5>
                                        
                                    </div>
                                    <div class="blog-content blog-content-overlay pb-20 text-center">
                                        <div class="date-added mb-20 pt-20"><i class="zmdi zmdi-time mr-10"></i>简介</div>
                                        <h5><a class="blog-title text-capitalize" href="#"></a></h5>
                                        <p>朋友们常常告诉我，假如我可以去朋友的墓里做客的话，心里面就不可能会那么难受。一-埃德加.爱伦.坡
                                      <br>
                                      <br>
                                      <br>
                                      <br>
                                     


</p>
                                        <div class="post-info-author mt-30">
                                            <span class="author mr-20">
                                                <i ></i>
                                              
                                            <a href="#" title="Posts by admin">  </a>
                                            </span>
                                            <span class="comments-count mr-20">
                                                <i class="zmdi zmdi-favorite"></i>
                                               
                                          </span>
                                            <span class="comments-count">
                                                <i class="zmdi zmdi-comments"></i>
                                                
                                          </span>
                                        </div>
                                        <a href="#" class="button extra-small mt-60 text-uppercase">
                                            <span>更多</span>
                                        </a>
                                    </div>
                                </div>
                                
                               
                              

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End Blog Page Area -->
            <!-- Start Newsletter Area -->
            <div class="newsletter-area">
                <div class="container">
                    <div class="row">
                        <div class="newsletter-content default-bg clearfix ptb-40">
                            <div class="col-md-offset-2 col-md-3 col-sm-5">
                                <div class="newsletter-title text-white text-uppercase">
                                    <h4>Music</h4>
                                </div>
                            </div>
                            <div class="col-md-5 col-sm-7">
                                <div class="signup-form">
                                    <form class="news-form" action="#">
                                        <input type="text" placeholder="search" class="f-form">
                                        <a href="#"><img src="sousuo.jpg" width="30px"></a>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End Of Newsletter Area -->
        </section>
        <!-- End page content -->
        <!-- Start footer area -->
        <footer id="footer" class="footer-area">
            <div class="footer-top-area gray-bg">
              <div class="text-center"><a href="about/about.html"><font color="#F9F9F9">About us</font></a>
              </div>
          </div>
          
        </footer>
        <!-- End footer area -->
   
    <!-- Body main wrapper end -->


    <!-- Placed js at the end of the document so the pages load faster -->

    <!-- jquery latest version -->
    <script src="js/vendor/jquery-3.1.1.min.js"></script>
    <!-- Bootstrap framework js -->
    <script src="js/bootstrap.min.js"></script>
    <!-- All js plugins included in this file. -->
    <script src="js/plugins.js"></script>
    <!-- Main js file that contents all jQuery plugins activation. -->
    <script src="js/main.js"></script>

</body>

</html>
